<template>
  <van-tabs v-model:active="active">
    <van-tab :title="item.name" v-for="item in MusicList" :key="item.path" :to="item.path"></van-tab>
    <router-view></router-view>
  </van-tabs>
</template>

<script setup lang="ts">
import { ref } from "vue";
const active = ref<number>(0);
const MusicList = ref<Ianimation[]>([
  { name: "原唱音乐", path: "/music/concertmusic" },
  { name: "翻唱", path: "/music/covermusic" },
  { name: "演奏", path: "/music/originalmusic" },
  { name: "VOCA.UTAU", path: "/music/vocautau" },
]);
interface Ianimation {
  name: string;
  path: string;
}
</script>

<style scoped></style>
